<html>
<head>
    <title>Pay</title>
    <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
    <script src="https://www.layuicdn.com/layui/layui.js" type="application/javascript"></script>
</head>
<body>
<div style="width: 25%; margin:auto">
    <div style="width: 100%; height: 25%"></div>
    <div style="padding: 2px; border-color:gray; border-width: 1px">
        <form class="layui-form layui-form-pane" action="/pay" method="post" enctype="application/x-www-form-urlencoded">
            <div class="layui-form-item">
                <label class="layui-form-label">支付金额</label>
                <div class="layui-input-block" style="width: 150px">
                    <input type="hidden" name="amount" value="10">
                    <input type="text" disabled required value="10"  autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">支付币种</label>
                <div class="layui-input-block" style="width: 150px">
                    <input type="hidden" name="currency" value="CNY">
                    <input type="text" name="currency" disabled required value="USD"  autocomplete="off" class="layui-input">
                </div>
            </div>
<#--            <div class="layui-form-item">-->
<#--                <label class="layui-form-label">信用卡卡号</label>-->
<#--                <div class="layui-input-block">-->
<#--                    <input type="number" name="cardNo" required  lay-verify="required" placeholder="信用卡卡号" autocomplete="off" class="layui-input">-->
<#--                </div>-->
<#--            </div>-->
<#--            <div class="layui-form-item">-->
<#--                <label class="layui-form-label">信用卡cvv</label>-->
<#--                <div class="layui-input-block">-->
<#--                    <input type="number" name="cardCvv" required  lay-verify="required" placeholder="信用卡cvv" autocomplete="off" class="layui-input">-->
<#--                </div>-->
<#--            </div>-->
<#--            <div class="layui-form-item">-->
<#--                <label class="layui-form-label">过期年月</label>-->
<#--                <div class="layui-input-inline" style="width: 50px">-->
<#--                    <input type="number" name="cardExpiredYear" required  lay-verify="required" placeholder="年" autocomplete="off" class="layui-input">-->
<#--                </div>-->
<#--                <div class="layui-form-mid">/</div>-->
<#--                <div class="layui-input-inline" style="width: 50px">-->
<#--                    <input type="number" name="cardExpiredMonth" required  lay-verify="required" placeholder="月" autocomplete="off" class="layui-input">-->
<#--                </div>-->
<#--            </div>-->
            <div class="layui-form-item">
                <label class="layui-form-label">持卡人姓名</label>
                <div class="layui-input-inline" style="width: 50px">
                    <input type="text" name="cardHolderFirstName" required  lay-verify="required" placeholder="姓" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline"  style="width: 50px">
                    <input type="text" name="cardHolderLastName" required  lay-verify="required" placeholder="名" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">持卡人邮箱</label>
                <div class="layui-input-block">
                    <input type="email" name="cardHolderEmail" required  lay-verify="required" placeholder="持卡人邮箱" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
<#--                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>-->
                </div>
            </div>
        </form>
    </div>
</div>
</body>
<script type="application/javascript">
    layui.use('form', function(){
        const form = layui.form;

        //监听提交
        form.on('submit(formDemo)', function(data){
            return true;
        });
    });
</script>
</html>